const app = getApp();

Component({

  properties: {
    title: {
      type: String,
      value: ''
    },
    bgColor: {
      type: String,
      value: '#FFFFFF'
    },
    textAlign: {
      type: String,
      value: 'letf'
    },
    color: {
      type: String,
      value: ''
    },
    fontSize: {
      type: String,
      value: ''
    }

  },
  data: {
    screenWidth: app.globalData.screenWidth + 'px',
    navHeader: app.globalData.navHeader + 'px',
    navTop: app.globalData.navTop + 'px' + ' ' + 10 + 'px', // 容器内边距
    navHeight: app.globalData.navHeight + 'px', // 胶囊按钮
    marginTop: app.globalData.barHeight + 'px', // 上外边距
    navWidth: app.globalData.navWidth + 'px', // 胶囊按钮宽度
    navButItem: (app.globalData.navWidth / 2) + 'px', // 胶囊按钮 子项宽度
    navTitleWidth: app.globalData.navTitle + 'px', // title 宽度
    borderShow: false,
    backShow: false,
    home: false
  },
  // 方法定义
  methods: {
    // 按钮返回事件 1 返回前一个页面 2 多个页面 首页
    _butBack: function(e) {
      let key = e.currentTarget.dataset.key;
      let pages = getCurrentPages();
      wx.navigateBack({
        delta: key === 1 ? 1 : pages.length,
      })
    },
    _isShow: function() {
      let pages = getCurrentPages();
      let exc = true;
      if(this.textAlign === 'center' && this.backShow === true) {
        exc = true
      } else if(this.textAlign === 'center' && this.backShow === false) {
        exc = this.textAlign === 'center'
      }
      this.setData({
        borderShow: pages.length > 3,
        backShow: pages.length > 2,
        center: exc,
      })
    }
  },
  // 组件生命周期函数-在组件实例进入页面节点树时执行)
  attached: function() {
    this._isShow()
  }
})